<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
    <title>企业VIP</title>
    <link rel="stylesheet" href="{{asset('/addons/jquery-weui-build/css/weui.min.css')}}">
    <link rel="stylesheet" href="{{asset('/addons/jquery-weui-build/css/jquery-weui.css')}}">
    <link rel="stylesheet" href="{{asset('/css/system/iconfont.css')}}">
    @if($skinid == 3)
        <link rel="stylesheet" href="/css/system/common.css">
        <link rel="stylesheet" href="/css/system/company-vip.css">
    @elseif($skinid == 1)
        <link rel="stylesheet" href="/css/theme-blue/system/common.css">
        <link rel="stylesheet" href="/css/theme-blue/system/company-vip.css">
    @elseif($skinid == 2)
        <link rel="stylesheet" href="/css/theme-pink/system/iconfont-pink.css">
        <link rel="stylesheet" href="/css/theme-pink/system/common.css">
        <link rel="stylesheet" href="/css/theme-pink/system/company-vip.css">
    @endif
    @include('sysadmin.head')
</head>
<body ontouchstart>
<div class="mian-container">
    <div class="company-vip">
        <div class="com-top">
            <div class="weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <img class="vip-car" src="/img/vip-car.png">
                    </div>
                    <div class="weui-cell__ft com-crown">
                        <img class="vip-crown" src="/img/vip-crown.png">
                        <img class="user-bk" src="{{userlogo($user->id)}}">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>{{str_limit($user->qw_name,6)}}</p>
                        <p class="gary-com">{{$company->name}}</p>
                    </div>
                    <div class="weui-cell__ft">
                       <p class="time-p">{{$company->expire_at}} 会员到期<img src="/img/vip-que.png"></p>
                    </div>
                </div>
            </div>
            @if($company->expire_at >= date('Y-m-d H:i:s',time()))
                <a class="vip-btn" href="/wechatbuy">立即续费会员</a>
            @else
                <a class="vip-btn" href="/wechatbuy" style="color:red">您的会员已到期，点此立即续费会员</a>
                <a class="vip-btn" href="{{url('/front/user-logout')}}">退出登录</a>
            @endif
        </div>
        <div class="com-list">
            <p class="buy-list">购买记录</p>
            <div class="weui-cells">
   @foreach($payOrder as $k => $v)
                <div class="weui-cell">
                    <div class="weui-cell__hd"><img src="/img/vip-list{{$skinid}}.png"></div>
                    <div class="weui-cell__bd">
                        <p class="brown-com">{{$v->goods_name}}</p>
                        <p class="time-com">{{$v->created_at}}</p>
                    </div>
                    <div class="weui-cell__ft">{{$v->total_fee}}元</div>
                </div>

   @endforeach
            </div>
        </div>
    </div>
    {{--VIP会员说明--}}
    <div class="shadow-hidden"></div>
    <div class="hidden-sec">
        <div class="popup"><h3>企业VIP说明</h3><i class="weui-icon-cancel"></i></div>
        <div class="list-p">
            <p class="green-vip"><span>1</span>企业VIP说明</p>
            <p>支付成功后次日起开始计算，1年有效期为365天，有效期内在此购买会员卡，会在原会员卡到期后自动宁生效。</p>
            <p class="green-vip"><span>2</span>关于退款</p>
            <p>VIP卡购买后不可退款。</p>
            <p class="green-vip"><span>3</span>关于有效期</p>
            <p>支付成功后次日起开始计算，1年有效期为365天，有效期内在此购买会员卡，会在原会员卡到期后自动宁生效。</p>
            <p class="green-vip"><span>4</span>关于退款</p>
            <p>VIP卡购买后不可退款。</p>
        </div>
    </div>
    <!-- 隐藏考核按钮部分-->
    @if($company->expire_at >= date('Y-m-d H:i:s',time()))
        @include('sysadmin.admin-caidan')
    @endif

</div>
<script src="{{asset('/kaohe/js/jquery-2.1.4.min.js')}}"></script>
<script src="{{asset('/addons/jquery-weui-build/js/fastclick.js')}}"></script>
<script>
    $(function() {
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
        FastClick.attach(document.body);
    });
</script>
<script src="{{asset('/addons/jquery-weui-build/js/jquery-weui.min.js')}}"></script>
<script>
    $(document).ready(function () {
        $('.kaohe-item').click(function(){
            $('.show-hidden').toggle();
        });
        $('.admin-item').click(function(){
            $('.front-show-hidden').toggle();
        });
        $('.time-p').click(function () {
            $('.shadow-hidden').css('display','block');
            $('.hidden-sec').css('display','block');
        })
        $('.hidden-sec .popup i').click(function () {
            $('.hidden-sec').css('display','none');
            $('.shadow-hidden').css('display','none');
        })
    })
</script>
</body>
</html>